@import "variables";
/**导航栏**/

#doc-header {
    border: 0px;
    height: $navbar-control-height;
}

#doc-header a {
    color: white;
}

#doc-header a.active {
    background-color: #79a940;
}

#doc-header .dropdown-menu {
    background-color: #79a940;
    padding: 0px;
}

#doc-header-logo {
    padding: 0px 32px;
    height: $navbar-control-height;
    line-height: $navbar-control-height;
}

#doc-header .img-logo {
    width: 62px;
    height: 42px;
    vertical-align: top;
    margin-top: 5px;
}


/**导航栏切换酒店**/

#doc-header-brand {
    width: 214px;
    height: $navbar-control-height;
    line-height: $navbar-control-height;
    text-align: center;
    font-size: 16px;
}

#navbar-hotel-switch {
    height: $navbar-control-height;
    line-height: $navbar-control-height;

    .dropdown-menu {
        padding: 0px 0px;
        width: 246px;


    }
    #doc-header-brand-dropdown{
        overflow: hidden;
        max-height: 228px;
        width: 246px;
        .scrollContainer{
            overflow-y: scroll;
            max-height: 228px;
            width: 263px;
            a {
                font-weight: 400;
                color: #fff;
                display: block;
                white-space: nowrap;
                line-height: 1.428571429;
                padding: 9px 8px;
                text-align: center;
                &:hover {
                    background: #8bc34a;
                }
    
                &.active {
                    background: rgba(0, 0, 0, .1);
                }
            } 
        } 
    }
    #doc-header-brand-dropdown::-webkit-scrollbar {
        width:0px;
    }   
    
}

#doc-header-main-menu {
    position: absolute;
    left: 38%;
}

#doc-header-main-menu>li>a {
    padding: 0 6px;
    height: $navbar-control-height;
    line-height: $navbar-control-height;
    font-size: 16px;
    min-width: 66px;
}

#doc-header-icon-menu {
    margin-right: 16px;
}
#doc-header-icon-menu>li {
    width: 52px;
    height: 52px;
    position: relative;
}
#doc-header-icon-menu>li>a {
    padding: 0px;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    width: 52px;
    text-align: center;
    z-index: 1000;
    &.btn{
        overflow: inherit;
    }
    &.active{
        background-color: transparent;
    }
}
#doc-header-icon-menu>li>a .icon-menu-tooltip{
    position: absolute;
    top: 38px;
    height: 24px;
    line-height: 24px;
    background: #fff;
    color: #666;
    font-size: 12px;
    text-align: center;
    display: block;
    border: 1px solid #ccc;
    left: 12px;    
    padding:0 8px;
    white-space: nowrap;
    display: none;
}
#doc-header .menu-horizontal-login{
    width: 36px;height:52px;margin-right: 32px;
    li{
        width: 36px;
        height: 36px;
        margin-top: 8px;
        border-radius:50%;
        position: relative;
        background: url(image/login.png) center no-repeat;
        background-size: contain;       
        div{
            width: 36px;
            height: 36px;
            border-radius:50% ;
            background-size: contain;       
        }
    }
    a{
        position: absolute;
        width: 174px;
        height: 38px; 
        line-height: 38px;
        color:#666;
        font-size:13px; 
        padding-left: 16px;
        background: #fff;
        right: 16px;
        top:52px;
        z-index: 1000;
        display: none;
        box-shadow: 0 1px 10px 0 rgba(0,0,0,.14), 0 1px 1px 0 rgba(0,0,0,.12), 0 1px 1px -1px rgba(0,0,0,.2);
    }        
    &:hover{
        a{
            display: block;
        }             
    }    
}
#doc-header-main-menu>li>a:hover{
    background-color: #79a940;
}
#doc-header-icon-menu>li>a:hover {
    background-color: transparent;
}

//#doc-header-icon-menu>li>a .icon-menu-tooltip,
//#doc-header-icon-menu>li>a.active .iconfont,
//#doc-header-icon-menu>li>a:hover .iconfont {
//  display: none;
//}
//
//#doc-header-icon-menu>li>a.active,
//#doc-header-icon-menu>li>a:hover {
//  padding: 0 7px;
//}

#doc-header-icon-menu>li>a:hover .icon-menu-tooltip {
    display: block;
}

#doc-header .home_page_dropdown{
    width: 100px;
    text-align: center;
    a[data-toggle="dropdown"]{
        width: 100px;
    }
}
#doc-header .open.home_page_dropdown .languageSwitch a{
    background: #fff;
    color: #333;
    &:hover{
        background-color: #8bc34a;
        color: #fff;
    }
}
/**导航栏个人信息**/

#doc-header .open a {
    background-color: #79a940;
}

#doc-header .dropdown-menu .btn-accent {
    height: 32px;
    line-height: 32px;
    background-color: #ff6e40;
    box-shadow: none;
}

#navbar-user {
    width: 200px;
    clear: both;
    padding: 8px;
}

#navbar-user .img-avatar {
    height: 60px;
    width: 60px;
    border: 1px solid white;
}

#navbar-user .navbar-user-info {
    padding: 0px 8px;
    color: white;
    line-height: 24px;
}


/**没有minwidth的按钮**/

.btn-without-min {
    min-width: 0px;
}


/**侧边栏**/

body,
#doc,
#doc-body,
#doc-side,
#doc-side-main {
    height: 100%;
}

#doc-body,
#doc-center {
    height: 100%;
    height: calc(100% - 52px);
}

#doc-side {
    overflow: hidden;
    width: 180px;
    background: #F9F9F9;
    border-right: 1px solid #eee;
}

#doc-side-main-menu {
    margin-top: 25px;
}

#doc-center {
    background: white;
    overflow-y: auto;
    padding: 25px 16px 25px 16px;
}


/** 模态框相关 **/

.modal-footer .form-group {
    margin: 0px;
}

.modal .fixed-modal {
    width: 760px;
}

@media (max-width:800px) {
    .modal-dialog.sm-width {
        width:600px;
    }
} 

@media (min-width: 1800px) {
    .modal .fixed-modal {
        width: 1000px;
    }
}


/* focus no box-shadow input */

.form-control:focus {
    background: #e1f4cb;
    border-color: #9DCE73;
    box-shadow: none;
}


/* icon input */

.has-icon {
    position: relative;
}

.has-icon .iconfont {
    position: absolute;
    top: 0px;
    left: 8px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    background-color: #8bc34a;
    font-size: 20px;
    color: #FFFFFF;
}

.form-horizontal .has-icon input {
    padding-left: 44px;
}

.has-icon-right {
    position: relative;
}

.has-icon-right .iconfont {
    position: absolute;
    top: 0px;
    right: 8px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #8bc34a;
    font-size: 20px;
    color: #FFFFFF;
}

.form-horizontal .has-icon-right input {
    padding-right: 44px;
}

.form-horizontal .form-group.without-margin {
    margin: 0px;
}

.form-horizontal .ulite-js-checkbox {
    padding-top: 0px;
    display: block;
    margin-right: 8px;
    float: left;
    width: auto;
}

.form-horizontal .checkbox-focus-helper,
.form-horizontal .checkbox-box-outline {
    width: 14px;
    height: 14px;
}

.form-horizontal .checkbox-label {
    font-size: 12px;
}

/** modal 框关闭按钮 */

.modal-header .close {
    font-size: 30px;
    text-shadow: none;
    color: #505050;
    opacity: 1;
    min-width: 0px;
    padding: 0px;
    width: 32px;
    border-radius: 50%;
}


/** loading 动画相关 */

.content-panel {
    position: relative;
}

.content-panel-body {
    position: relative;
}

.absolute-shade {
    background-color: rgba(0, 0, 0, .15);
    z-index: 1;
}

.circular3dGContainer {
    position: relative;
    width: 58px;
    height: 58px;
    margin: auto;
    margin-bottom: 24px;
}

.circular3dG {
    position: absolute;
    background-color: rgb(255, 255, 255);
    width: 17px;
    height: 17px;
    border-radius: 18px;
    -o-border-radius: 18px;
    -ms-border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    animation-name: bounce_circular3dG;
    -o-animation-name: bounce_circular3dG;
    -ms-animation-name: bounce_circular3dG;
    -webkit-animation-name: bounce_circular3dG;
    -moz-animation-name: bounce_circular3dG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

.circular3dGContainer .circular3d_1G {
    left: 23px;
    top: 4px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
}

.circular3dGContainer .circular3d_2G {
    left: 36px;
    top: 14px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

.circular3dGContainer .circular3d_3G {
    left: 43px;
    top: 26px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

.circular3dGContainer .circular3d_4G {
    left: 40px;
    top: 39px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

.circular3dGContainer .circular3d_5G {
    left: 24px;
    top: 43px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

.circular3dGContainer .circular3d_6G {
    left: 5px;
    top: 28px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

.circular3dGContainer .circular3d_7G {
    left: 0px;
    top: 8px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

.circular3dGContainer .circular3d_8G {
    left: 10px;
    top: 0px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

@keyframes bounce_circular3dG {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(.3)
    }
}

@-o-keyframes bounce_circular3dG {
    0% {
        -o-transform: scale(1)
    }
    100% {
        -o-transform: scale(.3)
    }
}

@-ms-keyframes bounce_circular3dG {
    0% {
        -ms-transform: scale(1)
    }
    100% {
        -ms-transform: scale(.3)
    }
}

@-webkit-keyframes bounce_circular3dG {
    0% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.3)
    }
}

@-moz-keyframes bounce_circular3dG {
    0% {
        -moz-transform: scale(1)
    }
    100% {
        -moz-transform: scale(.3)
    }
}

.areaCode {
    position: absolute;
    z-index: 99;
}

.areaCode a[data-toggle=dropdown],
.areaCode a[data-toggle=dropdown]:focus {
    background: none;
    padding: 0;
    padding: 0px;
    color: black;
    font-size: 14px;
    line-height: 35px;
}

.areaCode .dropdown-menu {
    height: 180px;
    width: 300px;
    overflow-y: scroll;
}

.dropdown-menu-up {
    left: 0;
    right: auto;
    top: -194px;
}

.bottom-divider {
    border-color: #eee;
}

#doc .fixed-content {
    width: 760px;
}

@media (min-width: 1800px) {
    #doc .fixed-content {
        width: 1100px;
    }
}

.cropper-img {
    max-width: 100%;
}
/* 切换新样式 */
#tabSwitchGroup{
    overflow: hidden;
    margin-bottom: 8px;
//  a{
//      height: 38px;
//      line-height: 38px;
//      padding: 0 22px;
//      float: left;
//      background: #e8e8e8;
//      color: #333;
//      font-size:14px ;
//      &.btn-active{
//          background: #8bc34a;
//          color: #fff;
//      }
//  }
}

/* 支付、分销渠道页面变更 */

.tag-list {
    padding-bottom: 16px;
}

.tag-list .tag-item {
    padding: 18px 18px 0 0;
    width: 210px;
    float: left;
}

.jb_tip {
    font-size: 14px;
}

.btn-square {
    font-size: 30px;
}

.tag-item-inner {
    position: relative;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #eee;
    background: #e8e8e8;
}

.tag-item[data-value] .tag-item-inner {
    background: #f8f8f8;
    cursor: pointer;
}

.tag-list .tag-item .tag-item-inner:hover {
    background: #e8e8e8;
}

.tag-item-inner .iconfont {
    display: none;
    position: absolute;
    cursor: pointer;
    z-index: 1000;
    right: -8px;
    top: -8px;
    font-size: 20px;
}

.tag-item .btn-square,
.tag-item .form-control {
    border-radius: 0;
    box-shadow: none;
}

.tag-item .btn-square {
    padding: 0;
    top: 0;
    min-width: 0;
    width: 38px;
    height: 38px;
}

.tag-item input {
    width: 172px;
}

.tag-item .form-control:focus {
    box-shadow: none;
}

.tag-item-inner:hover .iconfont {
    display: block;
}

.nowrap-content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.text-left {
    text-align: left !important;
}
.areaCode{
    position: absolute;
    .dropdown-menu{
        height: 180px;
        width: 300px;
        overflow-y: scroll;
        z-index: 10000;
    }
    .btn-areaCode{
        padding-left: 12px;
        height: 38px;
        line-height: 38px;
        color: #000;
        font-size: 14px;
    }
}
.menu-vertical-cn>li>a{
    font-size:14px ;
}
#doc-center .content-panel:last-child{
    margin-bottom: 100px;
}
